<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<div>
	<ul class="breadcrumb">
		<li><a href="#">主界面</a> <span class="divider">/</span></li>
		<li><a href="#">用户查询</a></li>
	</ul>
</div>

<!-- 1111111111 -->
<div class="row-fluid sortable">
	<div class="box span12">
		<div class="box-header well" data-original-title>
			<h2>
				<i class="icon-user"></i>用户查询
			</h2>
		</div>
		<div class="box-content">
			<div class="row-fluid">
				<div class="span12">
					<div class="dataTables_filter" id="DataTables_Table_1_filter">
						<label> Search:<input type="text"
							aria-controls="DataTables_Table_1" />
							<button class="btn btn-primary" type="submit">Save changes</button>
						</label>
					</div>
				</div>
			</div>
			<table
				class="table table-striped table-bordered bootstrap-datatable ">
				<thead>
					<tr>
						<th>sim卡号</th>
						<th>名字</th>
						<th>昵称</th>
						<th>性别</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${page.list}" var="user">
						<tr>
							<td>${user.simId}</td>
							<td class="center">${user.name }</td>
							<td class="center">${user.nickName }</td>
							<td class="center"><c:choose>
									<c:when test="${user.sex==1}">男</c:when>
									<c:when test="${user.sex==0}">女</c:when>
								</c:choose>
							</td>
							<td class="center">
								<a class="btn btn-success" href="#">
									<i class="icon-zoom-in icon-white"></i> View
								</a> 
								<a class="btn btn-info" href="#"> 
									<i class="icon-edit icon-white"></i> Edit
								</a> 
								<a class="btn btn-danger" href="#">
									<i class="icon-trash icon-white"></i> Delete
								</a>
							</td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
			<div class="row-fluid">
				<div class="span12">
					<div class="dataTables_info">
						${page.totalRow}条记录，每页显示${page.pageSize}条，共${page.totalPage }页
					</div>
				</div>
				<div class="pagination pagination-centered">
					<ul>
						<li class="${page.pageNumber>1 ? '':'disabled'}"><a href="#">上一页</a></li>
						<c:if test="${page.pageNumber-3>0}">
							<li><a href="#">...</a></li>
						</c:if>
						<c:if test="${page.pageNumber-2>0}">
							<li><a href="#">${page.pageNumber-2}</a></li>
						</c:if>
						<c:if test="${page.pageNumber-1>0}">
							<li><a href="#">${page.pageNumber-1}</a></li>
						</c:if>
						<li class="active"><a href="#">${page.pageNumber}</a></li>
						<c:if test="${page.totalPage-page.pageNumber>1}">
							<li><a href="#">${page.pageNumber+1}</a></li>
						</c:if>
						<c:if test="${page.totalPage-page.pageNumber>2}">
							<li><a href="#">${page.pageNumber+2}</a></li>
						</c:if>
						<c:if test="${page.totalPage-page.pageNumber>3}">
							<li><a href="#">...</a></li>
						</c:if>
						<li class="${page.pageNumber==page.totalPage ? 'disabled':'' }"><a href="#">下一页</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--/span-->